﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="CommentPane.ascx.cs" Inherits="HBR_Prototype.Controls.CommentPane" %>

<div>
  <div class="comment-display">
    <div class="comment-title">
      <span>Lời bình</span>
    </div>
    <div class="comment-content">
      <p>Nội dung lời bình</p>
    </div>
    <div style="text-align: right;">
      <span>Tác giả</span>
    </div>
    <div style="text-align: right;">
      <span>email@yahoo.com</span>
    </div>
  </div>
  <div class="comment-display">
    <div class="comment-title">
      <span>Lời bình</span>
    </div>
    <div class="comment-content">
      <p>Nội dung lời bình</p>
    </div>
    <div style="text-align: right;">
      <span>Tác giả</span>
    </div>
    <div style="text-align: right;">
      <span>email@yahoo.com</span>
    </div>
  </div>
</div>
<hr />
<div>
  <div class="comment-header">
    <span>Ý kiến bạn đọc</span>
  </div>
  <table style="width:100%;" cellspacing="10px">
    <tr>
      <%--<td style="width:100px;">Họ và tên</td>--%>
      <td>
          <%--<asp:TextBox ID="txtName" runat="server" Width="100%"></asp:TextBox>--%>
          <input style="width:100%; color: #AAAAAA;"
            type="text" 
            maxlength="128" 
            name="search_theme_form" 
            id="txtName" 
            value="Họ tên" 
            title="Nhập họ tên" 
            class="form-text inputfocus" 
            onblur="this.value = this.value || 'Họ tên'; this.style.color = '#AAAAAA';" 
            onfocus="if(this.value=='Họ tên') {this.value='';} this.style.color = '#000';" />
      </td>
      <%--<td style="width:50px;">Email</td>--%>
      <td>
        <%--<asp:TextBox ID="txtEmail" runat="server" Width="100%"></asp:TextBox>--%>
        <input style="width:100%; color: #AAAAAA;"
            type="text" 
            maxlength="128" 
            name="search_theme_form" 
            id="txtEmail" 
            value="Email" 
            title="Nhập email" 
            class="form-text inputfocus" 
            onblur="this.value = this.value || 'Email'; this.style.color = '#AAAAAA';" 
            onfocus="if(this.value=='Email') {this.value='';} this.style.color = '#000';" />
      </td>
    </tr>
    <tr>
      <%--<td style="width:50px;">Tiêu đề</td>--%>
      <td colspan="2">
        <%--<asp:TextBox ID="txtTitle" runat="server" Width="100%"></asp:TextBox>--%>
        <input style="width:100%; color: #AAAAAA;"
            type="text" 
            maxlength="128" 
            name="search_theme_form" 
            id="txtTitle" 
            value="Tiêu đề" 
            title="Nhập tiêu đề" 
            class="form-text inputfocus" 
            onblur="this.value = this.value || 'Tiêu đề'; this.style.color = '#AAAAAA';" 
            onfocus="if(this.value=='Tiêu đề') {this.value='';} this.style.color = '#000';" />
      </td>
    </tr>
    <%--<tr>
      <td colspan="2">
        Nội dung
      </td>
    </tr>--%>
    <tr>
      <td colspan="2">
        <asp:TextBox ID="txtContent" runat="server" TextMode="MultiLine" Width="100%" Rows="7"></asp:TextBox>
      </td>
    </tr>
  </table>
  <div style="text-align: right;">
    <asp:Button ID="btnSend" runat="server" Width="70px" Text="Gửi đi" />
  </div>
</div>